<template>
    <apexchart width="100%" height="100%" type="pie" :options="options" :series="series"></apexchart>
</template>

<script>
import {reactive, toRefs} from "vue";

export default {
  name: "VisitsChart",
  setup() {
    const state = reactive({
      options: {
        labels: ['成功', '失败'],
        responsive: [{
          breakpoint: 480,
          options: {
            chart: {
              width: 200
            },
            legend: {
              position: 'bottom'
            }
          }
        }]
      },
      series: [100,40]
    })
    return {
      ...toRefs(state)
    }
  }
}
</script>

<style scoped>

</style>
